@import './base.css';

#app {
  /* 移除 max-width 和 margin: auto; 让应用占据整个宽度 */
  /* padding: 2rem; 保持初始内边距，或根据需要调整 */
  font-weight: normal;
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

@media (min-width: 1024px) {
  body {
    /* 移除 display: flex; place-items: center; 这些不适用于整体布局 */
  }

  #app {
    /* 移除 grid 布局，让 Layout.vue 控制整体布局 */
    padding: 0 2rem; /* 保持媒体查询中的 padding */
  }
}
